<template lang="pug">
  .choosePage
    .content
      .btn
        img(src="static/image/dig.png" @click="changePage('/gameArea/1')")
        p 挖参
      .btn
        img(src="static/image/alchemy.png" @click="changePage('/gameArea/2')")
        p 炼丹
    .digHidden
       span 挖参 ：
       p 布勒挖参模式规则为：挖参游戏由至少3位玩家组成，在活动开始时间内，玩家选择性投入游戏种子（金种子、银种子、铜种子），种子数量满10000，则开启游戏进行挖参。  
    .alchemyHidden
      span 炼丹：
      p 布勒炼丹模式规则为：活动开始后，玩家进入游戏后，可选择性投入BPX或USDT进行游戏，根据投入BPX或USDT数量进行       
  //
</template>
<script>
import $ from "jquery";
export default {
  name: "choosePage",
  data() {
    return {
      alchemyIsOpen: 1,
      ginsenIsOpen: 1,
      flag: false
    };
  },
  mounted() {
    this.$parent.flag1 = false;
    this.$parent.flag2 = false;
    $(".choosePage").height($(window).height());
    $(window).resize(function() {
      $(".choosePage").height($(window).height());
    });
  },
  created() {
    // this.game();
  },
  methods: {
    changePage(d) {
      this.$router.push({ path: d });
      // this.game();
      // if (!this.flag) {
      //   alert("操作太快，请重新点击");
      //   return;
      // }
      // if (d == "/indexstart") {
      //   switch (parseInt(this.alchemyIsOpen)) {
      //     case 0:
      //       alert("游戏暂时未开放");
      //       break;
      //     case 1:
      //       this.$router.push({ path: d });
      //       break;
      //     case 2:
      //       alert("游戏正在维护");
      //       break;
      //   }
      // } else {
      //   switch (parseInt(this.ginsenIsOpen)) {
      //     case 0:
      //       alert("游戏暂时未开放");
      //       break;
      //     case 1:
      //       this.$router.push({ path: d });
      //       break;
      //     case 2:
      //       alert("游戏正在维护");
      //       break;
      //   }
      // }
    },
    // game() {
    //   u.isPlay(data => {
    //     if (data && data[0].code == 200) {
    //       this.alchemyIsOpen = data[0].data.alchemyIsOpen;
    //       this.ginsenIsOpen = data[0].data.ginsenIsOpen;
    //       this.flag = true;
    //     }
    //   });
    // }
  },
  components: {}
};
</script>
<style lang="stylus" scoped>
.choosePage {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 1200px;
  background-image: url('../../static/image/ginsengbg2.png');
  background-size: 100% 100%;

  .content {
    display: flex;
    justify-content: center;
    width: 500px;

    .btn {
      width: 150px;

      &:first-child {
        margin-right: 180px;
      }

      img {
        width: 100%;
        height: auto;
        cursor: pointer;
      }

      p {
        margin-top: 30px;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        -webkit-text-fill-color: white;
        -webkit-text-stroke: 1px rgba(126, 61, 3, 0.8);
      }
    }
  }
    .digHidden,.alchemyHidden{
    width: 311px;
    height: 333px;
    background-image: url('../../static/image/borderOpacity1.png');
    background-size: 100% 100%;
    position: absolute;
    bottom: 15%;
    left: 7%;
    padding: 40px 20px;
    span {
      font-size:22px;
      color : #7f5200;
      font-family:"MicrosoftYaHei"; 
      font-weight:bold;
    }
    p{
      font-size:20px;
      color : #7f5200;
      font-family:"MicrosoftYaHei";
      line-height: 36px; 
    }
  }
  .alchemyHidden{
    left: 51%!important;
  }
}
</style>
